Vue.js 3.x の API 概要
Vue.js 3.x の API
from: 現場で使える Vue.js 3.x 実践ガイド
code:Vue インスタンスの作成
Vue.createApp({ /* 各種設定 */ }).mount("#app") // #app は対象の HTML 要素の指定
Data 変数
https://v3.ja.vuejs.org/api/options-data.html
code:data 変数の設定
// 関数として指定
data() {
return { text: "text" };
}
コンポーネントの登録
https://v3.ja.vuejs.org/guide/component-registration.html
グローバルコンポーネント
あらゆるコンポーネントインスタンスのテンプレート内で使用可能
アプリケーションインスタンスに登録する
ローカルコンポーネント
Teleport
https://v3.ja.vuejs.org/guide/teleport.html
論理的には Vue のコンポーネント内に所属させたいが、HTML 上は別の場所に表示させたい、というようなものをうまく扱う仕組み
Vue の管理外の HTML 要素にも表示できる